diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2023-12-19 09:36:40 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-19 09:36:40 -0500 |
| commit | 1e66efe5169dfad9a0c62ba42fbf31ce977bf49e (patch) | |
| tree | 3c2ea81a8b2dd9ba989855de553d65b1bb90b7ad /src/app/groups/[groupId]/expenses/expense-list.tsx | |
| parent | 66ab0ff82bbcb3294d3a0fb84ae5ffcae9910e26 (diff) | |
Use modal dialogs for expense creation & edition (#10)
* First attemps at using route interception and modals
* Remove route interception
* Make it work
* Use Vaul on small screens
* Improve vaul
Diffstat (limited to 'src/app/groups/[groupId]/expenses/expense-list.tsx')
| -rw-r--r-- | src/app/groups/[groupId]/expenses/expense-list.tsx | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/app/groups/[groupId]/expenses/expense-list.tsx b/src/app/groups/[groupId]/expenses/expense-list.tsx index 798a5f8..adc6e7a 100644 --- a/src/app/groups/[groupId]/expenses/expense-list.tsx +++ b/src/app/groups/[groupId]/expenses/expense-list.tsx @@ -33,7 +33,9 @@ export function ExpenseList({ expense.isReimbursement && 'italic', )} onClick={() => { - router.push(`/groups/${groupId}/expenses/${expense.id}/edit`) + router.push(`/groups/${groupId}/expenses/${expense.id}/edit`, { + scroll: false, + }) }} > <div> @@ -66,7 +68,10 @@ export function ExpenseList({ {currency} {(expense.amount / 100).toFixed(2)} </div> <Button size="icon" variant="link" className="-my-2" asChild> - <Link href={`/groups/${groupId}/expenses/${expense.id}/edit`}> + <Link + href={`/groups/${groupId}/expenses/${expense.id}/edit`} + scroll={false} + > <ChevronRight className="w-4 h-4" /> </Link> </Button> |